<template>
    <Form>
      <!-- 行查询权限校验 -->
      <Form.Item label="行查询权限校验">
        <Textarea v-model:value="model.selectCheck" placeholder="请输入行查询权限校验" />
      </Form.Item>
  
      <!-- 行查询行数限制 -->
      <Form.Item label="行查询行数限制">
        <InputNumber v-model:value="model.selectLimit" placeholder="请输入行查询行数限制" />
      </Form.Item>
  
      <!-- 列查询权限 -->
      <Form.Item label="列查询权限">
        <Select v-model:value="model.selectColumns" mode="multiple" placeholder="请选择列查询权限">
          <Select.Option v-for="field in fields" :key="field.name" :value="field.name">
            {{ field.name }}
          </Select.Option>
        </Select>
      </Form.Item>
    </Form>
  </template>
  
  <script setup>
  import { defineProps } from 'vue';

import { Form, Select, InputNumber, Textarea } from 'ant-design-vue';

  const props = defineProps({
    model: { type: Object, required: true },
    fields: { type: Array, required: true },
  });
  </script>
  